<template>
	<!-- <div> -->
	<!-- <h1>待办事项列表</h1> -->
	<!-- 3.使用组件  -->
	<!-- 	        <todo-add></todo-add>
	        <todo-list></todo-list>
			 -->
	</div>
	<div class="todoItem">
		<!-- 任务{{i+1}}:{{item}} -->
		<!-- <button @click="delItem(i)">X</button> -->
		<van-cell :title="`任务${i+1}`" :label="item">
			<template #right-icon>
				<van-icon name="cross" @click="delItem(i)"></van-icon>
			</template>
		</van-cell>
	</div>
</template>

<script>
	// import TodoAdd from "./components/TodoAdd.vue"; //1.导入组件文件
	// import TodoList from "./components/TodoList.vue";

	export default {

		//     components: {

		//         TodoList, //2.组测组件，驼峰格式自动转短划线格式todo-list

		//         TodoAdd,

		//     },    
		props: {
			item: String,
			i: Number,
			
		},methods:{
			delItem(i){
				this.$parent.$parent.delItem(i);
			}
		}
  //       methods:{
		// 	//调用爷爷的函数，传参
		// 	this.$parent.delItem(i);
		// }
	};
</script>

<style>
</style>
